import { Component } from '@angular/core';
import { NzButtonModule } from 'ng-zorro-antd/button';
import { NzDividerModule } from 'ng-zorro-antd/divider';
import { NzIconModule } from 'ng-zorro-antd/icon';
import { NzSpaceModule } from 'ng-zorro-antd/space';

@Component({
  selector: 'app-space-split',
  standalone: true,
  imports: [NzButtonModule, NzSpaceModule, NzDividerModule],
  template: `
    <div class="demo">
      <nz-space [nzSplit]="splitTpl">
        <button nz-button nzType="text" *nzSpaceItem>添加数据</button>
        <button nz-button nzType="text" *nzSpaceItem>上传数据</button>
        <button nz-button nzType="text" *nzSpaceItem>校验数据</button>
      </nz-space>
      <ng-template #splitTpl>
        <nz-divider nzType="vertical"></nz-divider>
      </ng-template>
    </div>
    <div class="demo">
      <nz-space>
        <button nz-button nzType="text" *nzSpaceItem>添加数据</button>
        <nz-divider nzType="vertical" *nzSpaceItem></nz-divider>
        <button nz-button nzType="text" *nzSpaceItem>上传数据</button>
        <nz-divider nzType="vertical" *nzSpaceItem></nz-divider>
        <button nz-button nzType="text" *nzSpaceItem>校验数据</button>
      </nz-space>
    </div>
  `,
  styles: ``,
})
export class SpaceSplitComponent {}
